<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html>
<html lang="pt-br" 
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">

<h:head>
	<meta charset="ISO-8859-1" />
	<title>#{msg.titulo}</title>
<style type="text/css">
a:link {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
body {
	margin: 0 auto;
	background-image: url("#{resource['imagens:img12.jpg']}");
	background-repeat: repeat;
	font-size: 12px
}
</style>
<!-- "#{request.contextPath}/" -->
</h:head>
<h:body>
<f:view locale="#{language.locale}">
	<div align="center">
		<p:layout fullPage="true">
			<p:layoutUnit position="north" >
				<div style="float: left; min-width: 200px; width: 100px;">
					<h3>#{msg.titulo}</h3>
				</div>
				<div align="right">
					<h:form>
						<h:commandLink action="#{language.mudarIdioma}">
							<h:graphicImage url="/resources/imagens/usa-icon.png" 
							style="margin:2px;width:23px;height:28px"/>
							<f:setPropertyActionListener value="en" target="#{language.linguagem}"/>
							<f:setPropertyActionListener value="" target="#{language.pais}"/>						
						</h:commandLink>
						<h:commandLink action="#{language.mudarIdioma}">
							<h:graphicImage url="/resources/imagens/br-icon.png" 
							style="margin:2px;width:23px;height:28px"/>
							<f:setPropertyActionListener value="pt" target="#{language.linguagem}"/>
							<f:setPropertyActionListener value="BR" target="#{language.pais}"/>						
						</h:commandLink>
						<h:commandLink action="#{language.mudarIdioma}">
							<h:graphicImage url="/resources/imagens/spain-icon.png" 
							style="margin:2px;width:23px;height:28px"/>
							<f:setPropertyActionListener value="es" target="#{language.linguagem}"/>
							<f:setPropertyActionListener value="" target="#{language.pais}"/>						
						</h:commandLink>

					</h:form>
				</div>
			</p:layoutUnit>

			<p:layoutUnit position="south" size="150" header="#{msg.rodape}">
			<div style="float: left; min-width: 100px; width: 100px;">
				<h:graphicImage url="/resources/imagens/primefaces2.png" style="margin:2px;width:540px;height:100px"/>	
			</div>

			<div style="padding-left: 200px;">
				<p:dock>
				    <p:menuitem value="Facebook" url="#" icon="/resources/imagens/facebook-icon.png"/>
				    <p:menuitem value="Twitter" url="#" icon="/resources/imagens/twitter-icon.png" />
				    <p:menuitem value="Google" url="#" icon="/resources/imagens/google-icon.png" />
				    <p:menuitem value="RSS" url="#" icon="/resources/imagens/rss-icon.png" />
				    <p:menuitem value="Linkedin" url="#" icon="/resources/imagens/linkedin-icon.png" />
				</p:dock>
			</div>
			</p:layoutUnit>

			<p:layoutUnit position="west" size="220" header="#{msg.menu}">
				<ui:include src="../templates/menu/MenuEsquerdo.xhtml" />
			</p:layoutUnit>

			<p:layoutUnit position="east" size="220" header="#{msg.ajuda}">
				<ui:include src="../templates/menu/MenuDireito.xhtml" />
			</p:layoutUnit>

			<p:layoutUnit position="center">
				<ui:insert name="centro">
				</ui:insert>
			</p:layoutUnit>
		</p:layout>
	</div>
</f:view>
</h:body>
</html>
